<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签</title>
</head>
<body>
<!--应用实例：使用 img 标签显示一张照片。-->
<!--img: 标签是图片标签,用来显示图片-->
<!--src: 属性可以设置图片的路径-->
<!--width: 属性设置图片的宽度-->
<!--height: 属性设置图片的高度-->
<!--border: 属性设置图片边框大小-->
<!--alt: 属性设置当指定路径找不到图片时,用来代替显示的文本内容相对路径:从工程名开始算-->
<!--绝对路径:盘符:/目录/文件名-->
<!--在 web 中路径分为相对路径和绝对路径两种-->
<!--相对路径: . 表示当前文件所在的目录-->
<!--.. 表示当前文件所在的上一级目录-->
<!--文件名 : 表示当前文件所在目录的文件,相当于 ./文件名 ./ 可以省略-->
<!--绝对路径: 正确格式是: http://IP 地址:port/工程名/资源路径-->
<!--错误格式是: 盘符:/目录/文件名-->


<!--应用实例：演示如何将图片做成超链接-->
<a href="http://www.baidu.com">百度</a>
<hr>
<img src="111.png" width="300" border="1" alt="图片找不到"/>
<hr/>
</body>
</html>